<template>
  <div>
    <mu-card class="article-list">
      <mu-card-header title="Myron Avatar" sub-title="sub title">
        <mu-avatar slot="avatar">
          <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg1.baidu.com%2Fit%2Fu%3D1207938889%2C442335491%26fm%3D253%26app%3D120%26f%3DPNG%3Fw%3D800%26h%3D800&refer=http%3A%2F%2Fimg1.baidu.com&app=2002&size=w300&q=a80&n=0&g=0n&fmt=jpeg?sec=1645107770&t=0007a2eebe316c61f72949b9c5d94043" />
        </mu-avatar>
      </mu-card-header>
      <mu-card-media title="Image Title" sub-title="Image Sub Title">
        <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg1.baidu.com%2Fit%2Fu%3D1207938889%2C442335491%26fm%3D253%26app%3D120%26f%3DPNG%3Fw%3D800%26h%3D800&refer=http%3A%2F%2Fimg1.baidu.com&app=2002&size=w300&q=a80&n=0&g=0n&fmt=jpeg?sec=1645107770&t=0007a2eebe316c61f72949b9c5d94043" />
      </mu-card-media>
      <mu-card-title
        title="Content Title"
        sub-title="Content Title"
      ></mu-card-title>
      <mu-card-text>
        散落在指尖的阳光，我试着轻轻抓住光影的踪迹，它却在眉宇间投下一片淡淡的阴影。
        调皮的阳光掀动了四月的心帘，温暖如约的歌声渐起。
        似乎在诉说着，我也可以在漆黑的角落里，找到阴影背后的阳光，
        找到阳光与阴影奏出和谐的旋律。我要用一颗敏感赤诚的心迎接每一缕滑过指尖的阳光！
      </mu-card-text>
      <mu-card-actions>
        <mu-button flat>Action 1</mu-button>
        <mu-button flat>Action 2</mu-button>
      </mu-card-actions>
    </mu-card>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
    .article-list{
        top: 200px;
        width: 100vw !important;
        padding: 0 !important;
        margin: 0 !important;
        left: 0;
        // margin-top: 200px;
    }
</style>